<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>乐看-帖子详情</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/css/see/reset.min.css">
    <link rel="stylesheet" href="/css/friend/postDetails.min.css?v=<%=$version%>">
</head>
<body>
<div id="postDetails" v-cloak>
    <div class="circleBar-top">
        <span class="goback" @click="getBack()"></span>
        <strong v-if="topBg">{{postInfo.title}}</strong>
        <span class="more" @click="getShare()"></span>
    </div>
    <div class="postDetails-top">
        <h3 class="post-title">{{postInfo.title}}</h3>
        <div class="post-head clearfix">
            <strong :style="bgimg(postInfo.headImg)"></strong>
            <h6>{{postInfo.uName}}</h6>
            <p>{{postInfo.name}}<span>&bull;</span>{{postInfo.createDate}}</p>
        </div>
        <div class="post-info" v-html="postInfo.content"></div>
        <div class="post-other clearfix">
            <span class="other-share" @click="getShare()">
                <span>分享</span>
            </span>
            <span class="other-help" @click="getPraise()">
                <span :class="{praise:isPraise==1}">{{praiseCount}}</span>
            </span>
        </div>
        <div class="post-cirleInfo" @click="getNext()">
            <strong :style="bgimg(postInfo.headImg)"></strong>
            <h6>{{postInfo.name}}</h6>
            <p>{{postInfo.categoryName}}<span>&bull;</span>{{postInfo.userCount}}人</p>
            <span class="more"></span>
        </div>
    </div>
    <div class="postDetails-comment" v-if="commentList.totalRow>0">
        <div class="comment-title">全部评论<span>({{commentList.totalRow}})</span></div>
        <div class="comment-list" v-for="item in commentList2">
            <!--<span class="comment-listHead" :style="bgimg(item.headImg)"></span>-->
            <!--<div class="comment-listRight">-->
                <!--<h6>{{item.content}}</h6>-->
                <!--<p>{{item.uName}}<span></span>{{item.createDate}}</p>-->
                <!--<div class="comment-listBtn">-->
                    <!--<span class="selfMediaVd-good1">152</span>-->
                    <!--<span class="selfMediaVd-spcha">45</span>-->
                    <!--<span class="selfMediaVd-sppl">44</span>-->
                    <!--<span class="selfMediaVd-more1"></span>-->
                <!--</div>-->
                <!--<span class="comment-listButt">查看<span>12</span>条回复</span>-->
            <!--</div>-->
            <span class="comment-listHead" :style="bgimg(item.headImg)"></span>
            <div class="comment-listRight">
                <h6>{{item.content}}</h6>
                <p>{{item.uName}}<span>&bull;</span>{{item.createDate}}</p>
                <div class="comment-listBtn">
                    <span :class="{'1':'selfMediaVd-good1','0':'selfMediaVd-good'}[''+item.praiseState]" @click="praiseMediaAdvComment(item.praiseState,item.commentId)">{{item.praiseCount}}</span>
                    <!--<span class="selfMediaVd-spcha">45</span>-->
                    <span class="selfMediaVd-sppl" @click="getCommentInfo(item.commentId)">{{item.commentCount}}</span>
                    <span class="selfMediaVd-more1"></span>
                </div>
                <span class="comment-listButt" v-if="item.commentCount>0" @click="getCommentInfo(item.commentId)">查看<span>{{item.commentCount}}</span>条回复</span>
            </div>
        </div>
        <div class="comment-butt">
            <input type="text" v-model="commentText" placeholder="我来说两句...">
            <span class="selfMediaVd-send" @click="comment()">发送</span>
        </div>
        <div class="loadtip" v-if="loadFlag"></div>
    </div>
    <div id="mask" :class="{'maskShow':isShare}"></div>
    <div id="maskBox" :class="{'maskShow':isShare}">
        <div class="maskBox-top">分享到</div>
        <div class="maskBox-cent">
            <span class="maskBox-icon" @click="getChoice(1)">好友</span>
            <span class="maskBox-icon1" @click="getChoice(2)">圈子</span>
        </div>
        <div class="maskBox-other"><span>其他功能</span></div>
        <div class="maskBox-cent">
            <span class="maskBox-icon4">举报</span>
            <template v-if="postInfo.isCircleUser==1">
                <span class="maskBox-icon2">{{{"0":"设置精选","1":"取消精选"}[""+postInfo.isSelected]}}</span>
                <span class="maskBox-icon5">{{{"0":"设置置顶","1":"取消置顶"}[""+postInfo.isTop]}}</span>
                <span class="maskBox-icon3">{{{"0":"设置公告","1":"取消公告"}[""+postInfo.isNotice]}}</span>
            </template>
            <span class="maskBox-close" v-if="postInfo.isCircleUser==1||postInfo.isPostUser==1" @click="deletePost()">删除</span>
        </div>
        <div class="maskBox-btn" @click="getShare()">取消</div>
    </div>
    <prompt-view ref="prompt"></prompt-view>
</div>
<script src='/plugins/js/jquery-1.11.3.min.js'></script>
<script type="text/javascript" src="/plugins/js/vue.min.js"></script>
<script type="text/javascript" src="/js/friend/postDetails.js?v=<%=$version%>"></script>
</body>
</html>